/* 
  BestUI初始化元素
*/
page,body{font-size: 30upx;color: #666666;background: #f5f5f5;height:100%}
view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,checkbox,form,input,label,picker,picker-view,radio-group,radio,slider,switch,textarea,navigator,functional-page-navigator,image,video,camera,live-player,live-pusher,map,canvas,open-data,web-view,ad{
    box-sizing: border-box;
}
input{height: auto;}
.clearfix::before,
.clearfix::after {
	 content: "";
	 display: table;
	 clear: both;
}
.clearfix {
	 zoom: 1;
}
 button{padding-left: 0upx;padding-right: 0upx;} 
 button:after{display: none;} 
image{will-change: transform;}

.no-data{font-size: 28upx;color: #696969;text-align: center;line-height: 88upx;}
/* 
  共有样式
*/
.fr{float: right!important;}
.fl{float: left!important;}
.tc{text-align: center!important;}
.tl{text-align: left!important;}
.tr{text-align: right!important;}
/*
  充满父级
*/
.full-width{width: 100%;display: block;}
.full-height{height: 100%;display: block;}
.full-width-height{height: 100%;width: 100%;display: block;}


/*
 icon 
*/
.icon{
	display: inline-block;
	vertical-align: middle;
	width: 40upx;
	height: 40upx;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.row{
	    border-bottom: 1px solid #f5f5f5;
	    padding: 0px  25upx;
		height:100upx;
		line-height:100upx;
}
.font-desc{
	color:#999;
	font-size:24upx
}
.font-key{
	color:#fd724f;
}

/* 
  流式布局
*/
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-ajcenter{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.align-stretch{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.align-center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.align-baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.align-inherit{-webkit-box-align: inherit;-ms-flex-align: inherit;align-items: inherit;}
.justify-start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-end{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-around{-ms-flex-pack: distribute;justify-content: space-around;}
.justify-inherit{-webkit-box-pack: inherit;-ms-flex-pack: inherit;justify-content: inherit;}
.self-align-stretch{-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;}
.self-align-center{-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.self-align-start{-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: start;}
.self-align-end{-ms-flex-item-align: end;-ms-grid-row-align: end;align-self: end;}
.self-align-inherit{-ms-flex-item-align: inherit;-ms-grid-row-align: inherit;align-self: inherit;}
.self-justify-start{-ms-grid-column-align:start;justify-self:start;}
.self-justify-center{-ms-grid-column-align:center;justify-self:center}
.self-justify-end{-ms-grid-column-align:end;justify-self:end}
.self-justify-between{-ms-grid-column-align:between;justify-self:between}
.self-justify-around{-ms-grid-column-align:around;justify-self:around}
.self-justify-inherit{-ms-grid-column-align:inherit;justify-self:inherit}

/*
  不加宽度会有溢出bug
*/
.flex-1{position: relative;-webkit-box-flex:  1;-ms-flex:  1;flex:  1;width: 50%;}
.basis-s{flex-basis: 20%;}
.basis-m{flex-basis: 25%;}
.basis{flex-basis: 50%;}
.basis-l{flex-basis: 75%;}
.basis-xl{flex-basis: 80%;}
.flex-wrap{flex-wrap: wrap;}

/* 
	模态框
*/
.best-modal{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;overflow-y: auto;display: none;}
.best-modal.best-modal-active{display: block;}
.best-modal-layer{background-color: rgba(0,0,0,0.2);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}
.best-modal-content{position: relative;z-index: 2;}

.blue-btn{
	height: 90upx;
	line-height: 90upx;
/* 	background-image: linear-gradient(90deg, 
		#008bff 0%, 
		#03a9f5 100%), 
	linear-gradient(
		#405189, 
		#405189);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0px 12upx 18upx 0px 
		#8fccff; */
		
	border-radius: 50upx;
	text-align: center;
	font-size: 32upx;
	color: #ffffff;
	background-color: #fd714e;
}
.default-btn{
	height: 90upx;
	line-height: 90upx;
	background-color: #ffffff;
	box-shadow: 0px 4upx 12upx 0px 
		#dbdbdb;
	border-radius: 12upx;
	color: #323232;
	font-size: 32upx;
	text-align: center;
}
.btn-disabled{opacity: .45;}

.system-header{
	background-color: #fff;
	color: rgb(0, 0, 0);
	font-weight: 700;
	font-size: 18px;
}
